<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公安厅交通警察总队互联网交通安全服务管理平台</title>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!--<link rel="icon" href="/favicon.ico" type="image/x-icon" />-->
    <!--<link rel="shortcut icon" href="/favicon.png" type="image/x-icon" />-->
    <link href="https://static.122.gov.cn/V1.19.3/static/css/bootstrap.min.css" rel="stylesheet" media="screen"/>
    <link href="https://static.122.gov.cn/V1.19.3/static/css/font-awesome.min.css" rel="stylesheet"/>
    <!--[if IE 7]>
    <link href="https://static.122.gov.cn/V1.19.3/static/css/font-awesome-ie7.min.css" rel="stylesheet">
    <![endif]-->
    <link href="https://static.122.gov.cn/V1.19.3/static/css/main.css" rel="stylesheet" media="screen"/>
    <link href="https://static.122.gov.cn/V1.19.3/static/css/docs.css" rel="stylesheet" media="screen"/>
    <link href="https://static.122.gov.cn/V1.19.3/static/css/new.css" rel="stylesheet" media="screen"/>

    <link type="text/css" rel="stylesheet"
          href="https://static.122.gov.cn/V1.19.3/static/jsthird/artDialog/skins/blue.css?1.5.0_20200805"/>
    <link href="https://static.122.gov.cn/V1.19.3/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet"
          type="text/css" media="screen"/>
</head>
<body>
<div id="networkProcessTemplate">
    <div class="" style="display: none; position: absolute;">
        <div class="aui_outer">
            <table class="aui_border">
                <tbody>
                <tr>
                    <td class="aui_nw"></td>
                    <td class="aui_n"></td>
                    <td class="aui_ne"></td>
                </tr>
                <tr>
                    <td class="aui_w"></td>
                    <td class="aui_c">
                        <div class="aui_inner">
                            <table class="aui_dialog">
                                <tbody>
                                <tr>
                                    <td colspan="2" class="aui_header">
                                        <div class="aui_titleBar">
                                            <div class="aui_title" style="cursor: move; display: block;"></div>
                                            <a class="aui_close" href="javascript:/*artDialog*/;"
                                               style="display: block;">&times;</a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="aui_icon" style="display: none;">
                                        <div class="aui_iconBg" style="background: none;"></div>
                                    </td>
                                    <td class="aui_main" style="width: auto; height: auto;">
                                        <div class="aui_content" style="padding: 20px 25px;"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" class="aui_footer">
                                        <div class="aui_buttons" style="display: none;"></div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </td>
                    <td class="aui_e"></td>
                </tr>
                <tr>
                    <td class="aui_sw"></td>
                    <td class="aui_s"></td>
                    <td class="aui_se" style="cursor: se-resize;"></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="header">
        <object id="mTokenPlugin" type="application/x-mtokenplugin" width="0" height="0" class="hide"
                style="display:none;">
            <param value="pluginLoaded"></param>
        </object>
        <style>
            .row-fluid [class*="span"] {
                margin-left: 0 !important;
            }

            .main-nav a {
                padding-bottom: 14px;
                padding-top: 14px;
            }

            .valcode {
            + width: 110 px !important;
            }

            #_umfp {
                display: inline;
                width: 1px;
                height: 1px;
                overflow: hidden;
            }

            #toptool {
                height: auto;
                position: relative;
                z-index: 99;
                border-bottom: 1px solid #1d53b5;
            }

            .header_body {
                height: auto;
                background: #0D419D;
                z-index: 9;
            }
        </style>
        <div style="display: none">
            <div id="_umfp"></div>
        </div>
        <div id="toptool" class="top-nav row-fluid">
            <div class="container">
                <input type="hidden" value="FFFF00000000017811F5" id="appKey"/>
                <input type="hidden" value="FFFF00000000017811F5:1596615022644:0.8764235035955777" id="aliToken"/>
                <div class="span12" style="min-height: 0;">
                    <div class="dropdown area">
                        <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#"
                           href="javascript:void(0);"> 切换公安交通管理部门: <span class="district" id="district-name">${provinceName}</span>
                            <b class="caret"></b> </a>
                        <ul id="areaswitch" class="dropdown-menu" role="menu" aria-labelledby="dLabel"
                            style="z-index: 99;position: absolute">
                        </ul>
                    </div>
                    <div class="login-pane ulogined ">
                        <button onclick="location.href = 'https://gab.122.gov.cn/eapp/netLogout?service=https%3A%2F%2Fhn.122.gov.cn%2Fuser%2Flogout';"
                                class="btn btn-mini">退出
                        </button>
                    </div>
                    <div class="login-pane ulogined">
                        <button onclick="location.href = '/views/memstu/';" class="btn btn-mini"><span
                                class="user-center">我的主页</span><span class="stu-name-top">[${studentName}]</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="header_body">
            <div class="container">
                <div class="row">
                    <a class="span5 header-logo dpB fL cb" href="/" title="回到平台首页"> <i
                            class="ui-header ico-logo dpIB fL"></i> <span class="header-logo-middle fL"
                                                                          style="line-height: 38px;width: 300px;">交通安全综合服务管理平台</span>
                        <span class="header-logo-top fL" id="azdmc"><span
                                class="current-location">${provinceName}</span>公安厅交通警察总队</span><br/>
                        <!--<span class="header-logo-bottom fL">https://hn.122.gov.cn</span>--> </a>
                    <div id="mainnav" class="main-nav span7 taR">
                        <a href="/#/index" style="margin-left:5px">首页</a>
                        <a href="/#/ywbl">业务办理</a>
                        <a href="/#map">服务导航</a>
                        <a href="/#/notice">公告公布</a>
                        <a href="/#/inquiry">信息查询</a>
                        <a href="/#/app">APP下载</a>
                        <a href="/views/helpMain.html?type=/help" type="/help">办事指南</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- HEADER END -->
    <div class="container">
        <div class="span12" id="hello">
            <script type="text/javascript">
                function changeFwlx(fwlx) {
                    window.location.href = "/m/page/mode/" + fwlx;
                }
            </script>
            <p style="padding-top: 1px;"> 您好，
                <span class="stu-name">${studentName}</span>。 欢迎登录互联网交通安全综合服务管理平台！
                <span id="noticeInfo" class="text-error"></span>
            </p>
            <p></p>
        </div>
    </div>
    <div class="container member-main">
        <div class="row">
            <div class="span2 user-sidebar" id="userSidebar">
                <ul class="nav nav-list" id="left-nav">
                    <li id="sidebar_menu_1">
                        <a href="/views/memstu/index.html">
                            <i style="font-size:18px;" class="icon-fixed-width icon-home"></i> 我的主页
                        </a>
                    </li>
                    <li id="sidebar_menu_11">
                        <a href="/m/showPageVeh">
                            <i style="font-size:18px;" class="icon-fixed-width icon-truck"></i> 机动车业务
                        </a>
                    </li>
                    <li id="sidebar_menu_21">
                        <a href="/m/showPageDrv">
                            <i style="font-size:18px;" class="icon-fixed-width icon-list-alt"></i> 驾驶证业务
                        </a>
                    </li>
                    <li id="sidebar_menu_31">
                        <a href="/views/memstu/violation.html">
                            <i style="font-size:18px;" class="icon-fixed-width icon-camera"></i> 违法处理业务
                        </a>
                    </li>
                    <li id="sidebar_menu_7">
                        <a href="/views/mempub/notice.html">
                            <i style="font-size:18px;" class="icon-fixed-width icon-bell"></i> 告知与提示
                        </a>
                    </li>
                    <li id="sidebar_menu_91">
                        <a href="/views/memstu/usermgtstu.html">
                            <i style="font-size:18px;" class="icon-fixed-width icon-user"></i> 用户信息管理
                        </a>
                    </li>
                    <li id="sidebar_menu_92" class="active">
                        <a href="/views/mempub/process.html">
                            <i style="font-size:18px;" class="ext-icon-process"></i> 网办进度
                        </a>
                    </li>
                    <li id="sidebar_menu_99">
                        <a href="/views/mempub/history.html">
                            <i style="font-size:18px;" class="ext-icon-hisotory"></i> 操作日志
                        </a>
                    </li>
                </ul>
            </div>
            <div class="span10">
                <link href="https://static.122.gov.cn/V1.19.3/static/css/tips/jq22.css" rel="stylesheet"
                      media="screen"/>
                <div id="mem-content">
                    <div class="mem-block">
                        <div class="mem-block-title gcBlue mb10">
                            <h3><i class="icon-server10 ico-color"></i> 网办进度 </h3>
                        </div>
                        <div id="searchHistory" style="padding-bottom: 10px">
                            <form class="form-inline" id="formsearch">
                                <label class="control-label">受理时间</label>
                                <div class="input-append date form_date" data-date="" data-date-format="yyyy-mm-dd"
                                     data-link-field="startTime" data-link-format="yyyy-mm-dd">
                                    <input size="16" type="text" value="1980-01-01" readonly="" class="input-small"
                                           style="height:20px;"/>
                                    <span class="add-on"> <i class="icon-th"></i> </span>
                                    <input type="hidden" id="startTime" value="1980-01-01"/>
                                </div> &nbsp;至&nbsp;
                                <div class="input-append date form_date" data-date="" data-date-format="yyyy-mm-dd"
                                     data-link-field="endTime" data-link-format="yyyy-mm-dd">
                                    <input size="16" type="text" value="${currentDate}" readonly="" class="input-small"
                                           style="height:20px;"/>
                                    <span class="add-on"> <i class="icon-th"></i> </span>
                                    <input type="hidden" id="endTime" value="${currentDate}"/>
                                </div>
                                <label class="control-label">业务流水号</label>
                                <input class="input-medium" id="wwlsh" type="text" style="height:20px;"/>
                                <label class="control-label">业务状态</label>
                                <select id="ztfl" class="input-small">
                                    <option value=""></option>
                                    <option value="1">受理中</option>
                                    <option value="2">已办结</option>
                                    <option value="3">已取消</option>
                                </select>
                                <button type="button" class="btn btn-primary" id="processSearch"><i
                                        class="icon-search"></i> 查询
                                </button>
                            </form>
                        </div>
                        <div id="tableContent" class="">
                            <div class="mem-block" id="processList">
                                <table class="table table-striped">
                                    <thead>
                                    <tr>
                                        <th style="width: 140px;">业务流水号</th>
                                        <th width="150">申请时间</th>
                                        <th width="180">业务名称</th>
                                        <th width="150">网办进度</th>
                                        <th width="150">详情</th>
                                    </tr>
                                    </thead>
                                    <tbody id="networkprocessContent">
                                    <#list processes as process>
                                    <tr>
                                        <td>${process.wwlsh}</td>
                                        <td>${process.sqsj}</td>
                                        <td>${process.ywmc}</td>
                                        <td>${process.ywztStr}</td>
                                        <td>
                                            <a class="drvprocessdetail btn"><i class="icon-search"></i>&nbsp;详细</a>
                                            <#if process.pjzt == "-1">
                                            <a class="evaluate btn"><i class="icon-comment"></i>&nbsp;评价</a>
                                            </#if>
                                        </td>
                                    </tr>
                                    </#list>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div id="place">
                            <style>
                                .input-large {
                                    width: 450px
                                }

                                #modal-content {
                                    margin: 5px;
                                    border: 0;
                                    padding: 0;
                                }
                            </style>
                            <div id="detail" class="modal hide" style="width: 750px;top: 1%;max-height: 95%;"
                                 tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-header" style="background-color: #114ec9">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                        &times;
                                    </button>
                                    <h3><span style="color: #ffffff"><b>业务详情</b></span></h3>
                                    <!--<a class="aui_close" href="javascript:/*artDialog*/;" style="display: block">×</a>-->
                                </div>
                                <div class="modal-body" id="modal-content" style="min-height: 460px;"></div>
                                <div class="modal-footer" id="modal-footer">
                                    <!--<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <form action="" method="post" id="payForm" target="_blank">
                    <input type="hidden" name="reqdata" id="reqdata" value=""/>
                    <input type="hidden" name="siteCode" id="siteCode" value=""/>
                    <input type="hidden" name="version" id="version" value=""/>
                    <input type="hidden" name="charset" id="charset" value=""/>
                    <input type="hidden" name="transacCode" id="transacCode" value=""/>
                    <input type="hidden" name="signature" id="signature" value=""/>
                    <input type="hidden" name="deviceType" id="deviceType" value=""/>
                </form>
                <form action="" method="post" id="roamingPayForm" target="_blank">
                    <input type="hidden" name="gnid" id="gnid" value=""/>
                    <input type="hidden" name="wwlsh" id="payWwlsh" value=""/>
                </form>
                <!-- Require JS start -->
            </div>
        </div>
    </div>
    <style>
        .valcode {
        + width: 110 px !important;
        }

        #footUrl a {
            display: block;
            float: left;
            width: 14%;
            color: #85ACD7;
            font-size: 18px;
            text-align: center;
        }

        .br {
            border-right: 1px solid #979797;
        }

        .br.active {
            color: #fff !important;
        }

        #gabaId {
            display: inline-block;
            text-decoration: none;
            height: 20px;
            line-height: 20px;
            margin-left: 10px;
        }

        #gabaId #batb {
            float: left;
            margin-right: 5px;
        }

        #wzbsFlag {
            text-align: left;
            position: absolute;
            right: 20px;
            top: 65px;
            width: 380px
        }

        #wzbsFlag .bc {
            position: absolute;
            top: 6px;
            left: 105px;
        }

        #wzbsFlag .dzjgurl {
            position: absolute;
            left: 25px;
            top: -5px;
        }

        #wzbsFlag .jtaqwfb {
            width: 70px;
            position: absolute;
            right: -10px;
        }

        #wzbsFlag .gabjtkys2 {
            width: 70px;
            position: absolute;
            right: 75px;
        }

        .footContainer {
            position: relative;
        }

        #bah {
            color: #fff;
            text-decoration: underline;
        }
    </style>
    <div style="background: #0d419d;padding: 25px;color: #fff">
        <div class="container footContainer">
            <div class="span12" style="margin: 0;" id="footUrl">
                <div style="width: 112%;margin-left: -6%;">
                    <a href="/#/index" class="br">首页</a>
                    <a href="/#/ywbl" class="br">业务办理</a>
                    <a href="/#/map" class="br">服务导航</a>
                    <a href="/#/notice" class="br">公告公布</a>
                    <a href="/#/inquiry" class="br">信息查询</a>
                    <a href="/#/app" class="br">APP下载</a>
                    <a href="/views/helpMain.html?type=/help" type="/help">办事指南</a>
                </div>
            </div>
            <p style="margin-top: 46px;margin-bottom: 7px"> 建议您使用IE9+、FireFox、Google
                Chrome，分辨率1280*800及以上浏览本网站，获得更好用户体验。 </p>
            <p> 版权所有 &copy; 2015-2019 公安机关交通管理部门官方发布 <span id="footversion">V1.19.3</span></p>
            <p style="margin-top: 15px"><a href="http://www.miibeian.gov.cn/" target="_blank"
                                           id="bah">苏ICP备06012607号-2</a> <a target="_blank" style="color: #85ACD7"
                                                                            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32021102000598"
                                                                            id="gabaId"> <img id="batb"
                                                                                              src="https://static.122.gov.cn/V1.19.3/static/img/batb.png"/>苏公网安备
                32021102000598号</a></p>
            <div class="span2" id="wzbsFlag">
                <div class="bc">
                </div>
                <div class="dzjgurl">
                    <script type="text/javascript">document.write(unescape("%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='http://dcs.conac.cn/js/19/000/0000/60891151/CA190000000608911510001.js' type='text/javascript'%3E%3C/script%3E"));</script>
                    <span id="_ideConac"></span>
                    <script src="http://dcs.conac.cn/js/19/000/0000/60891151/CA190000000608911510001.js"
                            type="text/javascript"></script>
                </div>
                <img class="jtaqwfb" src="https://static.122.gov.cn/V1.19.3/static/css/images/jtaqwfb.jpg"/>
                <img class="gabjtkys2" src="https://static.122.gov.cn/V1.19.3/static/css/images/gabjtkys2.jpg"/>
            </div>
        </div>
    </div>
    <script>
        var nodes = document.getElementsByTagName('span');
        var cls;
        for (var i = 0; i < nodes.length; i++) {
            cls = nodes[i].getAttribute('class');
            if (cls && cls.indexOf('ico-color') > -1) {
                nodes[i].onclick = function () {
                    var next = this.nextElementSibling
                    var a = next.getElementsByTagName('a')[0]
                    var href = a.getAttribute('href')
                    window.location.href = href
                }
            }
        }


    </script>
    <a id="feedbak" title="信息反馈" style="text-decoration:none;" target="feed_window" href="/m/showFeedBack">
        <i class="icon-edit"></i>
    </a>
    <div id="gotop" title="回到顶部" style="display: none;">
        <i class="icon-arrow-up"></i>
    </div>
    <div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu"
         style="left: 572.156px; z-index: 2177; display: none; top: 253px;">
        <div class="datetimepicker-minutes" style="display: none;">
            <table class=" table-condensed">
                <thead>
                <tr>
                    <th class="prev" style="visibility: visible;">
                        <i class="icon-arrow-left"></i>
                    </th>
                    <th colspan="5" class="switch">25 一月 2019</th>
                    <th class="next" style="visibility: visible;">
                        <i class="icon-arrow-right"></i>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td colspan="7">
                        <span class="minute active">0:00</span>
                        <span class="minute">0:05</span>
                        <span class="minute">0:10</span>
                        <span class="minute">0:15</span>
                        <span class="minute">0:20</span>
                        <span class="minute">0:25</span>
                        <span class="minute">0:30</span>
                        <span class="minute">0:35</span>
                        <span class="minute">0:40</span>
                        <span class="minute">0:45</span>
                        <span class="minute">0:50</span>
                        <span class="minute">0:55</span>
                    </td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="7" class="today">今日</th>
                </tr>
                </tfoot>
            </table>
        </div>
        <div class="datetimepicker-hours" style="display: none;">
            <table class=" table-condensed">
                <thead>
                <tr>
                    <th class="prev" style="visibility: visible;">
                        <i class="icon-arrow-left"></i>
                    </th>
                    <th colspan="5" class="switch">25 一月 2019</th>
                    <th class="next" style="visibility: visible;">
                        <i class="icon-arrow-right"></i>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td colspan="7">
                        <span class="hour active">0:00</span>
                        <span class="hour">1:00</span>
                        <span class="hour">2:00</span>
                        <span class="hour">3:00</span>
                        <span class="hour">4:00</span>
                        <span class="hour">5:00</span>
                        <span class="hour">6:00</span>
                        <span class="hour">7:00</span>
                        <span class="hour">8:00</span>
                        <span class="hour">9:00</span>
                        <span class="hour">10:00</span>
                        <span class="hour">11:00</span>
                        <span class="hour">12:00</span>
                        <span class="hour">13:00</span>
                        <span class="hour">14:00</span>
                        <span class="hour">15:00</span>
                        <span class="hour">16:00</span>
                        <span class="hour">17:00</span>
                        <span class="hour">18:00</span>
                        <span class="hour">19:00</span>
                        <span class="hour">20:00</span>
                        <span class="hour">21:00</span>
                        <span class="hour">22:00</span>
                        <span class="hour">23:00</span>
                    </td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="7" class="today">今日</th>
                </tr>
                </tfoot>
            </table>
        </div>
        <div class="datetimepicker-days" style="display: block;">
            <table class=" table-condensed">
                <thead>
                <tr>
                    <th class="prev" style="visibility: visible;">
                        <i class="icon-arrow-left"></i>
                    </th>
                    <th colspan="5" class="switch">一月 2019</th>
                    <th class="next" style="visibility: visible;">
                        <i class="icon-arrow-right"></i>
                    </th>
                </tr>
                <tr>
                    <th class="dow">一</th>
                    <th class="dow">二</th>
                    <th class="dow">三</th>
                    <th class="dow">四</th>
                    <th class="dow">五</th>
                    <th class="dow">六</th>
                    <th class="dow">日</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="day old">31</td>
                    <td class="day">1</td>
                    <td class="day">2</td>
                    <td class="day">3</td>
                    <td class="day">4</td>
                    <td class="day">5</td>
                    <td class="day">6</td>
                </tr>
                <tr>
                    <td class="day">7</td>
                    <td class="day">8</td>
                    <td class="day">9</td>
                    <td class="day">10</td>
                    <td class="day">11</td>
                    <td class="day">12</td>
                    <td class="day">13</td>
                </tr>
                <tr>
                    <td class="day">14</td>
                    <td class="day">15</td>
                    <td class="day">16</td>
                    <td class="day">17</td>
                    <td class="day">18</td>
                    <td class="day">19</td>
                    <td class="day">20</td>
                </tr>
                <tr>
                    <td class="day">21</td>
                    <td class="day">22</td>
                    <td class="day">23</td>
                    <td class="day">24</td>
                    <td class="day active">25</td>
                    <td class="day">26</td>
                    <td class="day">27</td>
                </tr>
                <tr>
                    <td class="day">28</td>
                    <td class="day">29</td>
                    <td class="day">30</td>
                    <td class="day">31</td>
                    <td class="day new">1</td>
                    <td class="day new">2</td>
                    <td class="day new">3</td>
                </tr>
                <tr>
                    <td class="day new">4</td>
                    <td class="day new">5</td>
                    <td class="day new">6</td>
                    <td class="day new">7</td>
                    <td class="day new">8</td>
                    <td class="day new">9</td>
                    <td class="day new">10</td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="7" class="today">今日</th>
                </tr>
                </tfoot>
            </table>
        </div>
        <div class="datetimepicker-months" style="display: none;">
            <table class="table-condensed">
                <thead>
                <tr>
                    <th class="prev" style="visibility: visible;">
                        <i class="icon-arrow-left"></i>
                    </th>
                    <th colspan="5" class="switch">2019</th>
                    <th class="next" style="visibility: visible;">
                        <i class="icon-arrow-right"></i>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td colspan="7">
                        <span class="month active">一月</span>
                        <span class="month">二月</span>
                        <span class="month">三月</span>
                        <span class="month">四月</span>
                        <span class="month">五月</span>
                        <span class="month">六月</span>
                        <span class="month">七月</span>
                        <span class="month">八月</span>
                        <span class="month">九月</span>
                        <span class="month">十月</span>
                        <span class="month">十一月</span>
                        <span class="month">十二月</span>
                    </td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="7" class="today">今日</th>
                </tr>
                </tfoot>
            </table>
        </div>
        <div class="datetimepicker-years" style="display: none;">
            <table class="table-condensed">
                <thead>
                <tr>
                    <th class="prev" style="visibility: visible;">
                        <i class="icon-arrow-left"></i>
                    </th>
                    <th colspan="5" class="switch">2010-2019</th>
                    <th class="next" style="visibility: visible;">
                        <i class="icon-arrow-right"></i>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td colspan="7">
                        <span class="year old">2009</span>
                        <span class="year">2010</span>
                        <span class="year">2011</span>
                        <span class="year">2012</span>
                        <span class="year">2013</span>
                        <span class="year">2014</span>
                        <span class="year">2015</span>
                        <span class="year">2016</span>
                        <span class="year">2017</span>
                        <span class="year">2018</span>
                        <span class="year active">2019</span>
                        <span class="year old">2020</span>
                    </td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="7" class="today">今日</th>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>
    <div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu"
         style="left: 737.734px; z-index: 2087;">
        <div class="datetimepicker-minutes" style="display: none;">
            <table class=" table-condensed">
                <thead>
                <tr>
                    <th class="prev" style="visibility: visible;">
                        <i class="icon-arrow-left"></i>
                    </th>
                    <th colspan="5" class="switch">5 八月 2020</th>
                    <th class="next" style="visibility: hidden;">
                        <i class="icon-arrow-right"></i>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td colspan="7">
                        <span class="minute active">0:00</span>
                        <span class="minute disabled">0:05</span>
                        <span class="minute disabled">0:10</span>
                        <span class="minute disabled">0:15</span>
                        <span class="minute disabled">0:20</span>
                        <span class="minute disabled">0:25</span>
                        <span class="minute disabled">0:30</span>
                        <span class="minute disabled">0:35</span>
                        <span class="minute disabled">0:40</span>
                        <span class="minute disabled">0:45</span>
                        <span class="minute disabled">0:50</span>
                        <span class="minute disabled">0:55</span>
                    </td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="7" class="today">今日</th>
                </tr>
                </tfoot>
            </table>
        </div>
        <div class="datetimepicker-hours" style="display: none;">
            <table class=" table-condensed">
                <thead>
                <tr>
                    <th class="prev" style="visibility: visible;">
                        <i class="icon-arrow-left"></i>
                    </th>
                    <th colspan="5" class="switch">5 八月 2020</th>
                    <th class="next" style="visibility: hidden;">
                        <i class="icon-arrow-right"></i>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td colspan="7">
                        <span class="hour active">0:00</span>
                        <span class="hour disabled">1:00</span>
                        <span class="hour disabled">2:00</span>
                        <span class="hour disabled">3:00</span>
                        <span class="hour disabled">4:00</span>
                        <span class="hour disabled">5:00</span>
                        <span class="hour disabled">6:00</span>
                        <span class="hour disabled">7:00</span>
                        <span class="hour disabled">8:00</span>
                        <span class="hour disabled">9:00</span>
                        <span class="hour disabled">10:00</span>
                        <span class="hour disabled">11:00</span>
                        <span class="hour disabled">12:00</span>
                        <span class="hour disabled">13:00</span>
                        <span class="hour disabled">14:00</span>
                        <span class="hour disabled">15:00</span>
                        <span class="hour disabled">16:00</span>
                        <span class="hour disabled">17:00</span>
                        <span class="hour disabled">18:00</span>
                        <span class="hour disabled">19:00</span>
                        <span class="hour disabled">20:00</span>
                        <span class="hour disabled">21:00</span>
                        <span class="hour disabled">22:00</span>
                        <span class="hour disabled">23:00</span>
                    </td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="7" class="today">今日</th>
                </tr>
                </tfoot>
            </table>
        </div>
        <div class="datetimepicker-days" style="display: block;">
            <table class=" table-condensed">
                <thead>
                <tr>
                    <th class="prev" style="visibility: visible;">
                        <i class="icon-arrow-left"></i>
                    </th>
                    <th colspan="5" class="switch">八月 2020</th>
                    <th class="next" style="visibility: hidden;">
                        <i class="icon-arrow-right"></i>
                    </th>
                </tr>
                <tr>
                    <th class="dow">一</th>
                    <th class="dow">二</th>
                    <th class="dow">三</th>
                    <th class="dow">四</th>
                    <th class="dow">五</th>
                    <th class="dow">六</th>
                    <th class="dow">日</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="day old">27</td>
                    <td class="day old">28</td>
                    <td class="day old">29</td>
                    <td class="day old">30</td>
                    <td class="day old">31</td>
                    <td class="day">1</td>
                    <td class="day">2</td>
                </tr>
                <tr>
                    <td class="day">3</td>
                    <td class="day">4</td>
                    <td class="day today active">5</td>
                    <td class="day disabled">6</td>
                    <td class="day disabled">7</td>
                    <td class="day disabled">8</td>
                    <td class="day disabled">9</td>
                </tr>
                <tr>
                    <td class="day disabled">10</td>
                    <td class="day disabled">11</td>
                    <td class="day disabled">12</td>
                    <td class="day disabled">13</td>
                    <td class="day disabled">14</td>
                    <td class="day disabled">15</td>
                    <td class="day disabled">16</td>
                </tr>
                <tr>
                    <td class="day disabled">17</td>
                    <td class="day disabled">18</td>
                    <td class="day disabled">19</td>
                    <td class="day disabled">20</td>
                    <td class="day disabled">21</td>
                    <td class="day disabled">22</td>
                    <td class="day disabled">23</td>
                </tr>
                <tr>
                    <td class="day disabled">24</td>
                    <td class="day disabled">25</td>
                    <td class="day disabled">26</td>
                    <td class="day disabled">27</td>
                    <td class="day disabled">28</td>
                    <td class="day disabled">29</td>
                    <td class="day disabled">30</td>
                </tr>
                <tr>
                    <td class="day disabled">31</td>
                    <td class="day new disabled">1</td>
                    <td class="day new disabled">2</td>
                    <td class="day new disabled">3</td>
                    <td class="day new disabled">4</td>
                    <td class="day new disabled">5</td>
                    <td class="day new disabled">6</td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="7" class="today">今日</th>
                </tr>
                </tfoot>
            </table>
        </div>
        <div class="datetimepicker-months" style="display: none;">
            <table class="table-condensed">
                <thead>
                <tr>
                    <th class="prev" style="visibility: visible;">
                        <i class="icon-arrow-left"></i>
                    </th>
                    <th colspan="5" class="switch">2020</th>
                    <th class="next" style="visibility: hidden;">
                        <i class="icon-arrow-right"></i>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td colspan="7">
                        <span class="month">一月</span>
                        <span class="month">二月</span>
                        <span class="month">三月</span>
                        <span class="month">四月</span>
                        <span class="month">五月</span>
                        <span class="month">六月</span>
                        <span class="month">七月</span>
                        <span class="month active">八月</span>
                        <span class="month disabled">九月</span>
                        <span class="month disabled">十月</span>
                        <span class="month disabled">十一月</span>
                        <span class="month disabled">十二月</span>
                    </td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="7" class="today">今日</th>
                </tr>
                </tfoot>
            </table>
        </div>
        <div class="datetimepicker-years" style="display: none;">
            <table class="table-condensed">
                <thead>
                <tr>
                    <th class="prev" style="visibility: visible;">
                        <i class="icon-arrow-left"></i>
                    </th>
                    <th colspan="5" class="switch">2020-2029</th>
                    <th class="next" style="visibility: hidden;">
                        <i class="icon-arrow-right"></i>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td colspan="7">
                        <span class="year old">2019</span>
                        <span class="year active">2020</span>
                        <span class="year disabled">2021</span>
                        <span class="year disabled">2022</span>
                        <span class="year disabled">2023</span>
                        <span class="year disabled">2024</span>
                        <span class="year disabled">2025</span>
                        <span class="year disabled">2026</span>
                        <span class="year disabled">2027</span>
                        <span class="year disabled">2028</span>
                        <span class="year disabled">2029</span>
                        <span class="year old disabled">2030</span>
                    </td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="7" class="today">今日</th>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
</body>
</html>